@use "sass:math";
@use "../../../assets/lib/index"as lib;

.v-databox {
    --v-databox-size                       : #{percentage(1)};
    --v-databox-item-padding               : calc(var(--v-padding-base) / 2);
    --v-databox-search-box-background-color: rgba(250, 250, 250, 1.0);

    width : var(--v-databox-size);
    height: var(--v-databox-size);

    &__item {
        padding: {
            top   : var(--v-databox-item-padding);
            bottom: var(--v-databox-item-padding);
        }
    }

    &__search-area {
        // border-bottom: #{math.div(1, lib.$fontsize-base)}rem solid rgba(238, 238, 238, 1.0);

        padding: {
            left : var(--v-padding-base);
            right: var(--v-padding-base);
        }
    }
}